<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
    <!-- BEGIN HEAD -->
    <head>
        <meta charset="utf-8" />
        <title>Iniciar Sesión</title>
        <meta content="width=device-width, initial-scale=1.0" name="viewport" />
        <meta content="" name="description" />
        <meta content="" name="author" />
        <link href="<?php echo $this->baseUrl; ?>/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
        <link href="<?php echo $this->baseUrl; ?>/assets/css/metro.css" rel="stylesheet" />
        <link href="<?php echo $this->baseUrl; ?>/assets/font-awesome/css/font-awesome.css" rel="stylesheet" />
        <link href="<?php echo $this->baseUrl; ?>/assets/css/style.css" rel="stylesheet" />
        <link href="<?php echo $this->baseUrl; ?>/assets/css/style_responsive.css" rel="stylesheet" />
        <link href="<?php echo $this->baseUrl; ?>/assets/css/style_default.css" rel="stylesheet" id="style_color" />
        <link rel="stylesheet" href="<?php echo $this->baseUrl; ?>/assets/css/apprise.css" type="text/css" />
        <link rel="stylesheet" type="text/css" href="<?php echo $this->baseUrl; ?>/assets/uniform/css/uniform.default.css" />
        <!--<link rel="shortcut icon" href="favicon.ico" />-->
        <link rel='shortcut icon' href="<?php echo $this->baseUrl; ?>/bienestar.png"  type='image/png'>

        <!-- VALIDAR FORMULARIOS----------------------------------------------->
        <link href="<?php echo $this->baseUrl; ?>/assets/css/validaFormJQ.css" rel="stylesheet" type="text/css" />
        <link href="<?php //echo $this->baseUrl;          ?>/assets/css/estilo.css" rel="stylesheet" type="text/css" />

        <!--------------------------------------------------------------------->

    </head>
    <!-- END HEAD -->
    <!-- BEGIN BODY -->
    <body class="login">
        <!-- BEGIN LOGO -->
        <div class="logo">
            <!--<img src="assets/img/logo-big.png" alt="" /> -->
        </div>
        <!-- END LOGO -->


        <!-- BEGIN LOGIN -->
        <div class="content">
            <!-- BEGIN LOGIN FORM -->
            <form class="form-vertical login-form" id="formAjax"><!--action="index.html"-->
                <h3 class="form-title">Ingrese a su cuenta</h3>
                <div class="control-group">
                    <div class="controls">
                        <div class="input-icon left">
                            <i class="icon-user"></i>
                            <input class="m-wrap" type="text" id="nombreUsuario" placeholder="Usuario"/>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <div class="input-icon left">
                            <i class="icon-lock"></i>
                            <input class="m-wrap" type="password" id="clave" placeholder="Contraseña" /><!--style=""-->
                        </div>
                    </div>
                </div>
                <div class="form-actions">
                    <label class="checkbox">
                        <input type="checkbox" /> Recordarme
                    </label>          
                    <a href="" id="btnLogin" class="btn green pull-right" >
                        Aceptar <i class="m-icon-swapright m-icon-white"></i>
                    </a>          
                </div>
                <!--Mensajes de errores -->
                <div id='msjLogin'><label></label></div>
                <div class="forget-password">
                    <h4>¿Olvidó su contraseña?</h4>
                    <p>
                        Haga click <a href="javascript:;" class="" id="forget-password">aquí</a>
                        para restablecer su contraseña.
                    </p>
                </div>    
            </form>
            <!-- END LOGIN FORM -->        
            <!-- BEGIN FORGOT PASSWORD FORM -->
            <form class="form-vertical forget-form" id="recuperarContraseña" ><!--action="index.html"-->
                <h3 class="">¿Olvido la contraseña?</h3>
                <p>Ingrese la dirección de correo electrónico registrada para restablecer su contraseña.</p>
                <div class="control-group">
                    <div class="controls">
                        <div class="input-icon left">
                            <i class="icon-user"></i>
                            <input type="text" id="nombreUsuario2" placeholder="Código" maxlength="11" class="m-wrap validate[required,custom[onlyNumberSp,minSize[11]]] text-input"/>
                        </div>
                    </div>
                </div>
                <div class="control-group">
                    <div class="controls">
                        <div class="input-icon left">
                            <i class="icon-envelope"></i>
                            <input class="m-wrap validate[required,custom[email,maxSize[45]]] text-input" type="text" id="email" placeholder="Email" />
                        </div>
                    </div>
                </div>
                <div class="form-actions">
                    <a href="javascript:;" id="back-btn" class="btn">
                        <i class="m-icon-swapleft"></i> Atrás
                    </a>
                    <a href="" id="btnEnviar" class="btn green pull-right">
                        Enviar <i class="m-icon-swapright m-icon-white"></i>
                    </a>            
                </div>
                <div id='msjRecuperarClave'><label></label></div>
            </form>
            <!-- END FORGOT PASSWORD FORM -->
        </div>
        <!-- END LOGIN -->
        <!-- BEGIN COPYRIGHT -->
        <div class="copyright">
            2013 - Universidad Distrital Francisco José de Caldas - Bienestar Institucional.
        </div>
        <!-- END COPYRIGHT -->
        <!-- BEGIN JAVASCRIPTS -->
        <script src="assets/js/jquery-1.8.3.min.js"></script>
        <script src="assets/bootstrap/js/bootstrap.min.js"></script>
        <script src="assets/uniform/jquery.uniform.min.js"></script> 
        <script src="assets/js/jquery.blockui.js"></script>
        <script src="assets/js/app.js"></script>
        <script type='text/javascript' src='<?php echo $this->baseUrl; ?>/assets/js/login.js'></script>
        <script type='text/javascript' src='<?php echo $this->baseUrl; ?>/assets/js/recuperarClave.js'></script>
        <script type='text/javascript'> 
            var url = '<?php echo $this->baseUrl; ?>'; 
        </script>
        <script>
            jQuery(document).ready(function() {     
                App.initLogin();
            });
        </script>
        <!-- END JAVASCRIPTS -->
    </body>
    <!-- END BODY -->
    <script src="<?php echo $this->baseUrl; ?>/assets/js/jquery.validationEngine.js" type="text/javascript"></script>
    <script src="<?php echo $this->baseUrl; ?>/assets/js/jquery.validationEngine-es.js" type="text/javascript"></script>
    <script src="<?php echo $this->baseUrl; ?>/assets/js/apprise-1.5.full.js" type="text/javascript"></script>
    <script>	
        $(document).ready(function() {
            $("#recuperarContraseña").validationEngine();                     
        });
    </script>